@import '../../../../style/color.scss';
@import '../../../../style/font.scss';
@import "../../../../style/mixin.scss";
@import "../../../../style/domain.scss";

.profession-container{

  .profession-body{

    width:790px;
    margin:0 auto;
    //text-align: center;
    .ant-input-number {
      width: 205px;
      height: 40px;
      background-color: rgba(255,255,255,0);
      border:solid 1px $form-input-bg;
      border-radius: 0;
      margin-right: 0;

      .ant-input-number-input {
        height: 40px;
        background-color: $form-input-bg;
        color: $form-input-color;
        font-size: 18px;
        border-radius: 0;

        &::placeholder {
          color: $form-input-placeholder;
        }
      }
    }
    .body-title{

      font-family:$medium-font-family;
      font-size: 22px;
      color: #FFFFFF;
      letter-spacing: 1.1px;
      text-shadow: 0 0 4px rgba(255,255,255,0.50);
    }
    .label{

      font-family: $regular-font-family;
      font-size: 18px;
      color: #FFFFFF;
      letter-spacing: 0.9px;
      height:40px;
      line-height: 40px;
      width:110px;
      text-align: right;
    }
    .reach{

      font-family: $regular-font-family;
      font-size: 20px;
      color: #FFFFFF;
      letter-spacing: 0.9px;
      height:40px;
      margin:0 10px;
      line-height: 40px;
    }
    .form-title{

      font-family:$medium-font-family;
      font-size: 18px;
      color: #FFFFFF;
      letter-spacing: 1.1px;
      text-shadow: 0 0 4px rgba(255,255,255,0.50);
      margin-left:50px;
    }
    .form-two{

      display:inline-block;
      >div{

        display: inline-block;
        margin-top:30px;
        &:first-child,&:nth-child(3),&:nth-child(5){
          margin-right:120px;
        }
        >div{

          display: inline-block;
        }
      }
      .ant-form,.ant-form-item{

        margin:0;
      }
    }
    .part-two{

      margin:50px;
    }
  }

  .ant-input-number-handler-up-inner,.ant-input-number-handler-down-inner{
    font-size: 20px;
  }

  .ant-input-number-handler-wrap{
    border-left:none;
  }
  .ant-input-number-handler-down{
    border-top:none;
  }


  .ant-form .ant-form-item {

    .ant-select {
      width: 840px;
    }
    .ant-input.ant-select-search__field {
      width: 840px;
      background-color: transparent;
    }
  }
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  background-color: transparent!important;
}
